<template>
  <div class="Complaint_abnormalRefund">
    <el-form :model="refundForm" :rules="refundrules" ref="refundForm" label-width="100px" class="demo-ruleForm">
      <div class="flex_refund">
        <el-form-item label="后台单号:">
          {{ refundFormdata.xmbzNo }}
        </el-form-item>
        <el-form-item label="订单渠道">
          {{refundFormdata.orderChannel}}
        </el-form-item>
      </div>
      <el-form-item label="是否生产" prop="isProduction">
        <el-select v-model="refundForm.isProduction" placeholder="请选择是否生产" size="small" @visible-change="isProductionList">
          <el-option :label="item.dictValue" :value="item.dictKey" v-for="(item,index) in IsProductionList" :key="index"></el-option>
        </el-select>
      </el-form-item>
      <div v-if='issearchData'>
        <el-form-item label="退款蛋糕" v-if="refundCakeFlag">
          <el-checkbox-group v-model="orderDetailIds" size="mini">
            <el-checkbox v-for="(item,index) in shoplist" v-show="item.categoryName == '蛋糕'" :key="index" :label="item.id"
              :value="item.id" name="type" style="word-break: break-all;word-wrap:break-word;white-space: inherit;"
              v-if="item.refundIdentification==''">{{ item.goodsName }}(规格：{{ item.goodsSpecs }},价格：{{ (item.totalPrice/100).toFixed(2) }})</el-checkbox>
            <el-checkbox v-for="(item,index) in shoplist" v-show="item.categoryName == '蛋糕'" :key="index" :label="item.id"
              :value="item.id" name="type" style="word-break: break-all;word-wrap:break-word;white-space: inherit;"
              v-if="item.refundIdentification" disabled>{{ item.goodsName }}(规格：{{ item.goodsSpecs }},价格：{{ (item.totalPrice/100).toFixed(2) }})
              <el-tag type="danger" size='small' v-if='item.refundIdentification'> {{item.refundIdentification}}</el-tag>
            </el-checkbox>
          </el-checkbox-group>
        </el-form-item>
        <el-form-item label="定制蛋糕" v-if="customCakeFlag">
          <el-checkbox-group v-model="orderDetailIds">
            <el-checkbox v-for="(item,index) in shoplist" v-show="item.categoryName == '定制蛋糕'" :key="index" :label="item.id"
              :value="item.id" name="type" style="word-break: break-all;word-wrap:break-word;white-space: inherit;"
              v-if="item.refundIdentification==''">{{ item.goodsName }}(规格：{{ item.goodsSpecs }},价格：{{ (item.totalPrice/100).toFixed(2) }})</el-checkbox>
            <el-checkbox v-for="(item,index) in shoplist" v-show="item.categoryName == '定制蛋糕'" :key="index" :label="item.id"
              :value="item.id" name="type" style="word-break: break-all;word-wrap:break-word;white-space: inherit;"
              v-if="item.refundIdentification" disabled>{{ item.goodsName }}(规格：{{ item.goodsSpecs }},价格：{{ (item.totalPrice/100).toFixed(2) }})
              <el-tag type="danger" size='small' v-if='item.refundIdentification'> {{item.refundIdentification}}</el-tag>
            </el-checkbox>
          </el-checkbox-group>
        </el-form-item>
        <el-form-item label="配件" v-if="partsFlag">
          <el-checkbox-group v-model="orderDetailIds">
            <el-checkbox v-for="(item,index) in shoplist" v-show="item.categoryName == '配件'" :key="index" :label="item.id"
              :value="item.id" name="type" style="word-break: break-all;word-wrap:break-word;white-space: inherit;"
              v-if="item.refundIdentification==''">{{ item.goodsName }}(规格：{{ item.goodsSpecs }},价格：{{ (item.totalPrice/100).toFixed(2) }})</el-checkbox>
            <el-checkbox v-for="(item,index) in shoplist" v-show="item.categoryName == '配件'" :key="index" :label="item.id"
              :value="item.id" name="type" style="word-break: break-all;word-wrap:break-word;white-space: inherit;"
              v-if="item.refundIdentification" disabled>{{ item.goodsName }}(规格：{{ item.goodsSpecs }},价格：{{ (item.totalPrice/100).toFixed(2) }})
              <el-tag type="danger" size='small' v-if='item.refundIdentification'> {{item.refundIdentification}}</el-tag>
            </el-checkbox>
          </el-checkbox-group>

        </el-form-item>
      </div>

      <div class="flex_refund">
        <el-form-item label="退款原因" prop="refundReason">
          <el-select v-model="refundForm.refundReason" placeholder="请选择退款原因" size="small" @change="onChangeStripe"
            @visible-change="getrefundReasonList">
            <el-option :key="index" :label="item.dictValue" :value="item.dictKey" v-for="(item,index) in ReasonList">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="蛋糕去向" prop="cakeWhereabouts">
          <el-select v-model="refundForm.cakeWhereabouts" size="small" placeholder="请选择蛋糕去向" @visible-change="cakeWhere">
            <el-option :label="item.dictValue" :value="item.dictKey" v-for="item in cakewherelist" :key="item.dictKey"></el-option>
          </el-select>
        </el-form-item>
      </div>
      <div class="flex_refund">
        <el-form-item label="退款类型" prop="refundType">
          <el-select v-model="refundForm.refundType" placeholder="请选择退款类型" size="small">
            <el-option :label="item.dictValue" :value="item.dictKey" v-for="(item,index) in RefundTypeList" :key="index"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="退款等级" prop="refundGrade">
          <!-- <el-select v-model="refundForm.refundGrade" size="small" placeholder="请选择退款等级" @visible-change="refundGradeList">
            <el-option :label="item.dictValue" :value="item.dictKey" v-for="(item,index) in GradeList" :key="index"></el-option>
          </el-select> -->
          <el-select v-model="refundGradeName" size="small" placeholder="请选择退款等级" @change="handleRefundGrade">
            <el-option :label="item.dictValue" :value="{label:item.dictValue,value:item.dictKey}" v-for="(item,index) in GradeList" :key="index"></el-option>
          </el-select>
        </el-form-item>
      </div>
      <!-- <el-form-item label="退款方式:" prop="refundMode">
        <el-radio-group v-model="refundForm.refundMode" @change='getRadio'>
          <el-radio v-for="(item,index) in RefundModeList" :key="index" :label="item.dictKey">
            {{ item.dictValue }}
          </el-radio>
        </el-radio-group>
      </el-form-item> -->
      <el-form-item label="退款金额" prop="refundCakePrice">
        <el-input v-model.trim="refundCakePrice" class="inputType" size="small" style="width:200px" onkeyup="value=value.replace(/[^\-?\d.]/g,'')"
          onafterpaste="value=value.replace/[^\-?\d.]/g,'')"></el-input>
      </el-form-item>
      <!-- <div v-if="refundForm.refundMode==2"> -->
      <!-- <div> -->
      <!-- <el-form-item> -->
      <div class='compensationMethods' style="padding-left: 30px;">
        <el-radio-group v-model.trim="refundForm.compensationMethod" prop='compensationMethod'>
          <el-radio :label="item.dictKey" v-for='item in compensationList' :key='item.dictKey' @change="getcompensationMethodRadio(item.dictKey)"
            style="margin-bottom: 20px;">
            <span> {{item.dictValue}}</span>
          </el-radio>
        </el-radio-group>
        <!-- </el-form-item> -->

        <el-form-item label="赔偿金额" label-width="80px">
          <el-input v-model.trim="cakeCompensatePrice" class="inputType" size="small" style="width:100px" onkeyup="value=value.replace(/[^\-?\d.]/g,'')"
            onafterpaste="value=value.replace/[^\-?\d.]/g,'')"></el-input>&nbsp;&nbsp;&nbsp;元（默认0元）
        </el-form-item>
        <el-form-item label="诚意金" label-width="80px">
          <el-input v-model.trim="refundForm.sincerityGold" class="inputType" size="small" style="width:100px" onkeyup="value=value.replace(/[^\-?\d.]/g,'')"
            onafterpaste="value=value.replace/[^\-?\d.]/g,'')"></el-input>&nbsp;&nbsp;&nbsp;元（默认0元）
        </el-form-item>
        <el-form-item label="赠送蛋糕" label-width="80px">
          <el-input v-model.trim="refundForm.giveCakePrice" class="inputType" size="small" style="width:100px" onkeyup="value=value.replace(/[^\-?\d.]/g,'')"
            onafterpaste="value=value.replace/[^\-?\d.]/g,'')"></el-input>&nbsp;&nbsp;&nbsp;元（默认0元）
        </el-form-item>
        <el-form-item label="赠送礼品" label-width="80px">
          <el-input v-model.trim="refundForm.giveGiftPrice" class="inputType" size="small" style="width:100px" onkeyup="value=value.replace(/[^\-?\d.]/g,'')"
            onafterpaste="value=value.replace/[^\-?\d.]/g,'')"></el-input>&nbsp;&nbsp;&nbsp;元（默认0元）
        </el-form-item>
      </div>
      <!-- </div> -->
      <el-form-item label="申请原因" prop="applyReason">
        <el-input v-model.trim="refundForm.applyReason" type="textarea" size="small" style="width:300px" maxlength="50"
          show-word-limit :autosize="{ minRows: 4, maxRows:6}"> </el-input>
      </el-form-item>
      <el-form-item label="平台门店" prop="store">
        <el-input type="textarea" v-model="refundForm.store" placeholder="请输入平台门店" onkeyup="value=value.replace(/\s+/g, '')"
          maxlength="30" onafterpaste="value=value.replace(/\s+/g, '')" show-word-limit :autosize="{ minRows: 2, maxRows:4}"
          style="width: 300px;"></el-input>
      </el-form-item>
      <el-form-item label="退款二维码">
        <el-upload class="avatar-uploader" action="/api/xmbz-goods/file/upload" :data="{tag:'refund'}" :show-file-list="false"
          :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
          <img :src="refundForm.refundCode" class="avatar" v-if='refundForm.refundCode'>
          <i class="el-icon-plus avatar-uploader-icon" v-else></i>
        </el-upload>
        </el-upload>
      </el-form-item>
      <el-form-item style="display: flex;justify-content: flex-end">
        <el-button :data-id="refundForm.xmbzNo" :data-platformOrderId="refundForm.platformOrderId" type="primary"
          @click="refundSubmitForm($event,'refundForm')" size="small">提交申请退款不退货</el-button>
        <el-button @click="refundResetForm('refundForm')" size="small">取消</el-button>
      </el-form-item>


    </el-form>



  </div>
</template>

<script>
  import {
    //接口
    IsProductionList, //是否生产
    RefundTypeList, //退款类型
    RefundReasonList, //退款原因
    CakeWhereaboutsList, //蛋糕去向
    RefundGradeList, //退款等级
    getRefundModeList, //退款方式
    CompensationMethod,
    detailList, // 订单详情
    addRefundNotReturn, // 新增退款
    deleteOrderExt
  } from "@/api/workorder";
  export default {
    props: {
      abnormalEditnot: Object
    },
    watch: {
      abnormalEditnot: {
        immediate: true, // 这句重要
        handler(val) {
          this.refundFormdata = val;
          this.refundForm.refundCode='';
          console.log(val,'val')

          this.refundGradeList();
          if (this.abnormalEditnot.orderId) {
            this.getdetailList();
             this.refundForm.store=this.refundFormdata.store;
          }
          this.refundCakeFlag = false; //退款蛋糕
          this.customCakeFlag = false; // 定制蛋糕
          this.partsFlag = false; // 配件
        }
      },
    },
    data() {
      return {
        orderDetailIds: [], //退款蛋糕
        customCake: [], // 定制蛋糕
        parts: [], // 配件
        refundForm: {
          xmbzNo: '',
          isProduction: '',
          refundReason: '',
          cakeWhereabouts: '',
          refundGrade: '',
          refundMode: 1, // 退款方式 1:退款 2:赔偿:refundMode
          refundType: "", //退款类型
          refundMoney: "", //退款金额
          compensationMethod: -1, //赔偿方式 99:无 1:免单 2:免半单
          sincerityGold: "", // 诚意金
          giveCakePrice: '', //赠送的礼品价格
          applyReason: "", //申请原因
          store: "", //平台门店
          approvalPass: 2, //审批是否通过  0:否 1:是
          refundCode: "", //退款二维码
        },
        refundrules: {
          refundReason: [{
            required: true,
            message: "请选择退款原因",
            trigger: "change"
          }],
          channeltype: [{
            required: true,
            message: "请选择渠道类别",
            trigger: "blur"
          }],
          channel: [{
            required: true,
            message: "请选择渠道",
            trigger: "blur"
          }],
          isProduction: [{
            required: true,
            message: "请选择是否生产",
            trigger: "change"
          }],
          cakeWhereabouts: [{
            required: true,
            message: "请选择蛋糕去向",
            trigger: "change"
          }],
          refundType: [{
            required: true,
            message: "请输入退款类型",
            trigger: "change"
          }],
          refundGrade: [{
            required: true,
            message: "请输入退款等级",
            trigger: "change"
          }],
          fullRefund: [{
            required: true,
            message: "请选择全额退款",
            trigger: "change"
          }],
          refundMoney: [{
            required: true,
            message: "金额不能为空",
            trigger: "change"
          }],
          sincerityGold: [{
            required: true,
            message: "金额不能为空",
            trigger: "change"
          }],
          applyReason: [{
            required: true,
            message: "请输入申请原因",
            trigger: "change",
            max: 200
          }],
          compensationMethod: [{
            required: true,
            message: "请至少选择一个赔偿方式",
            trigger: "change"
          }],
          store: [{
            required: true,
            message: "请输入平台门店",
            trigger: "change"
          }],
          refundCode: [{
            required: true,
            message: "请上传二维码",
            trigger: "change"
          }],
          refundModes: [{
            required: true,
            message: "请输入退款方式",
            trigger: "change"
          }]
        },
        IsProductionList: [], //是否生产
        ReasonList: [], //退款原因列表
        RefundTypeList: [], //退款类型列表
        refundReasonList: [],
        cakewherelist: [], //蛋糕去向
        GradeList: [], //退款等级
        shoplist: [], //选择蛋糕列表
        RefundModeList: [], //退款方式列表
        compensationList: [], //赔偿方式
        cakeCompensatePrice: '',
        refundCakeFlag: false, //退款蛋糕
        customCakeFlag: false, // 定制蛋糕
        partsFlag: false, // 配件
        refundRadioFlag: true, // 退款金额标记
        payforRadioFlag: false, // 赔偿方式中赔偿的标记
        compensationMethodFlag: false, // 赔偿方式标记
        refundCakePrice: '', // 所选中的退款蛋糕的总价
        issearchData: false,
        refundGradeName:'',
      }
    },
    mounted() {
      this.getRefundModeLists();
      this.CompensationMethodList();
      this.getdetailList();
      this.refundGradeList();
    },
    methods: {
      //是否生产
      isProductionList() {
        IsProductionList("").then(response => {
          this.IsProductionList = response.data.data;
        });
      },
      // 退款原因及类型
      getrefundReasonList() {
        RefundReasonList("").then(response => {
          this.ReasonList = response.data.data;
        });
      },
      selected(item) {
        RefundTypeList({
          name: item
        }).then(response => {
          this.RefundTypeList = response.data.data;
        });
      },
      onChangeStripe(val) {
        let obj = {};
        obj = this.ReasonList.find((item) => {
          return item.dictKey === val;
        });
        this.initBindStripeTap(obj.dictValue);
      },
      initBindStripeTap(data) {
        RefundTypeList({
          name: data
        }).then(response => {
          this.RefundTypeList = response.data.data;
        });
      },
      // 蛋糕去向
      cakeWhere() {
        CakeWhereaboutsList("").then(response => {
          this.cakewherelist = response.data.data;
        });
      },
      refundGradeList() {
        RefundGradeList("").then(response => {
          this.GradeList = response.data.data;
          this.refundGradeName=response.data.data[0].dictValue;
          this.refundForm.refundGrade=response.data.data[0].dictKey;
        });
      },
      handleRefundGrade(data){
        this.refundGradeName=data.label;
        this.refundForm.refundGrade=data.value;
      },
      //退款蛋糕、配件、定制蛋糕数据
      getdetailList() {
        detailList({
          orderId: this.abnormalEditnot.orderId
        }).then(res => {
          this.shoplist = res.data.data;
          if(res.data.data){
             this.refundCakePrice= (res.data.data[0].orderTotalPrice/100).toFixed(2)
          }
          // 退货退款
          let customCakeTypeArray = []
          this.selectArray = []
          let cakeArray = [];
          if (this.shoplist && this.shoplist.length > 0) {
            this.issearchData = true;
            this.shoplist.forEach(item => {
              customCakeTypeArray.push(item.categoryName)
              if (item.categoryName == '蛋糕') {
                this.selectArray.push(item.id)
              }
              if (item.categoryName == '配件') {
                this.selectArray.push(item.id)
              }
              if (item.categoryName == '定制蛋糕') {
                this.selectArray.push(item.id)
              }
              if (item.categoryName !== '配件' && item.categoryName !== '蛋糕' && item.categoryName !== '服务费' &&
                item.categoryName !== '定制蛋糕') {
                cakeArray.push(false)
              }
            })
            if (customCakeTypeArray.indexOf('配件') > -1) {
              this.partsFlag = true;
            }
            if (customCakeTypeArray.indexOf('定制蛋糕') > -1) {
              this.customCakeFlag = true;
            }
            if (customCakeTypeArray.indexOf('蛋糕') > -1) {
              this.refundCakeFlag = true;
            }
          } else {
            this.issearchData = false;
          }

        })
      },
      // 退款方式
      getRefundModeLists() {
        getRefundModeList().then(res => {
          this.RefundModeList = res.data.data
        })
      },
      //赔偿方式
      CompensationMethodList() {
        CompensationMethod("").then(response => {
          this.compensationList = response.data.data;
        });
      },
      //赔偿方式子内容价格
      getcompensationMethodRadio(item) {
        if (item == 1) {
          this.cakeCompensatePrice = this.refundCakePrice;
        } else if (item == 2) {
          this.cakeCompensatePrice = this.refundCakePrice / 2;
        } else if (item == 6) {
          this.cakeCompensatePrice = 0;
        }
      },
      // 主图开始上传成功
      handleAvatarSuccess(response, file) {
        response.data ? this.refundForm.refundCode = true : this.refundForm.refundCode = false;
        this.refundForm.refundCode = response.data;
        this.$refs.refundForm.validateField('refundCode')
      },
      //退款二维码上传限制
      beforeAvatarUpload(file) {
        const isLt2M = file.size / 1024 / 1024 < 2;
        if ( file.type !== "image/jpeg" && file.type !== "image/png") {
          this.$message.error("上传头像图片只能是 JPG 格式 与 png格式!");
          return false
        }
        if (!isLt2M) {
          this.$message.error("上传头像图片大小不能超过 2MB!");
          return false
        }
      },
      // 退款，赔偿切换，价格变动
      // getRadio(selectRadio) {
      //   console.log(selectRadio, this.refundCakePrice, 'this.refundCakePrice')
      //   if (selectRadio == 1) {
      //     this.refundForm.refundMoney = this.refundCakePrice
      //     this.refundRadioFlag = true
      //     this.payforRadioFlag = false
      //     this.compensationMethodFlag = false
      //     this.refundForm.compensationMoney = ''
      //     this.refundForm.sincerityGold = 0
      //     this.refundForm.giveCakePrice = 0
      //     this.refundForm.giveGiftPrice = 0
      //   } else {
      //     this.CompensationMethodList();
      //     this.refundForm.compensationMoney = 0
      //     this.refundForm.refundMoney = ''
      //     this.payforRadioFlag = true
      //     this.refundRadioFlag = false
      //     this.compensationMethodFlag = true
      //     this.refundForm.compensationMethod = 6
      //   }
      // },
      // 退款模块获取蛋糕价格
      getTotalprice(value) {
        this.getrefundAmount(value);
      },
      // // 退款模块获取定制蛋糕价格
      // getCustomprice(value) {
      //   this.getrefundAmount(value);
      // },
      // // 退款模块获取配件价格
      // getPartsprice(value) {
      //   this.getrefundAmount(value);
      // },
      // 获取退款不同商品类型的蛋糕的价格
      getrefundAmount(value) {
        var arrlist = [];
        arrlist.push(value)
        if (value.length == 0) {
          let cakePrice = [];
          let cakeSumPrice = 0;
          this.refundCakePrice = '';
          this.refundForm.refundMoney = '';
        } else {
          let cakePrice = []
          let cakeSumPrice = 0
          const reducer = (accumulator, currentValue) => accumulator + currentValue;
          this.shoplist.map(parent => {
            value.map((item, valueindex) => {
              if (item == parent.id) {
                cakePrice.push(parent.totalPrice)
              }
            })
          })
          cakeSumPrice = cakePrice.reduce(reducer) //退款金额
          this.refundCakePrice = (cakeSumPrice / 100).toFixed(2)
        }
      },
      //退款取消按钮
      refundResetForm(formName) {
        this.$refs[formName].resetFields();
        this.refundCakePrice = '';
        this.refundForm.sincerityGold = '';
        this.refundForm.giveCakePrice = '';
        this.refundForm.giveGiftPrice = '';
        this.refundForm.compensationMethod = '';
        this.cakeCompensatePrice = '';
        this.refundForm.refundCode='';
        this.$emit("close");
      },
      //退款确定按钮
      refundSubmitForm(e, formName) {
        let goodsId = []

        this.orderDetailIds.forEach(item => {
          goodsId.push(item)
        })
        this.customCake.forEach(item => {
          goodsId.push(item)
        })
        this.parts.forEach(item => {
          goodsId.push(item)
        })

        this.$refs[formName].validate(valid => {
          if (valid) {
            if (this.orderDetailIds.length == 0) {
              this.$message({
                message: '请选择需要退款的商品',
                type: 'warning'
              });
              return false
            } else {
              const refundData = {
                orderId: this.refundFormdata.orderId,
                selectOrderDetailIds: this.orderDetailIds, //选中的订单明细id的集合
                noSelectOrderDetailIds: this.selectArray, //初始未选择的订单明细id的集合
                isProduction: this.refundForm.isProduction, //是否生产
                cakeWhereabouts: this.refundForm.cakeWhereabouts, // 蛋糕去向
                refundGrade: this.refundForm.refundGrade, //退款等级
                refundReason: this.refundForm.refundReason, //退款原因
                refundType: this.refundForm.refundType, //退款类型
                refundMode: '', //退款方式
                refundMoney: this.refundCakePrice, // 退款金额
                compensationMethod: this.refundForm.compensationMethod, //赔偿方式
                sincerityGold: this.refundForm.sincerityGold, //诚意金
                giveCakePrice: this.refundForm.giveCakePrice, //赠送的蛋糕价格
                cakeCompensatePrice: this.cakeCompensatePrice,
                giveGiftPrice: this.refundForm.giveGiftPrice,
                applyReason: this.refundForm.applyReason, //申请原因
                store: this.refundForm.store, //门店
                refundCode: this.refundForm.refundCode, //退款二维码
                channelTypeId: '', //渠道类型id
                channelId: '', //渠道id
                platformNo: this.refundForm.platformNo

              }
              if (refundData.selectOrderDetailIds.length == 0) {
                this.$message({
                  message: '请选择需要退款的商品',
                  type: 'warning'
                });
                return false
              } else if (this.refundCakePrice == '') {
                this.$message({
                  message: '退款金额必填',
                  type: 'warning'
                });
                return false

              } else {
                addRefundNotReturn(refundData).then(res => {
                  this.$message({
                    type: "success",
                    message: "操作成功!"
                  });
                  const PlaRefundQuery = {
                    id: this.refundFormdata.orderId,
                    extKey: 'REFUNDM_MARK',
                    type:2
                  };
                  deleteOrderExt(PlaRefundQuery).then(res => {
                    console.log('res');
                  }).catch(error => {
                    console.log(error)
                  })
                  this.orderDetailIds = [];
                  this.refundCakePrice = '';
                  this.issearchData = false;
                  this.$refs[formName].resetFields();
                  this.refundCakePrice = '';
                  this.refundForm.sincerityGold = '';
                  this.refundForm.giveCakePrice = '';
                  this.refundForm.giveGiftPrice = '';
                  this.refundForm.compensationMethod = '';
                  this.cakeCompensatePrice = '';
                  this.refundForm.refundCode='';
                  this.abnormalEditnot = {};
                  setTimeout(() => {
                    this.$emit("close");
                  }, 1.5 * 1000);

                }).catch(err => {
                  this.orderDetailIds = [];
                  this.refundCakePrice = '';
                  this.$refs[formName].resetFields();
                })
              }

            }


          } else {
            this.$message.error("信息未填完整!");
            return false
          }

        })

      },


    }
  }
</script>

<style lang="scss">
  Complaint_abnormalRefund {
    .flex_refund {
      display: flex;
    }
  }
</style>
